window.onload = function() {
    //返回顶部 
    $(window).scroll(function() {
        if ($('html,body').scrollTop() > 600) {
            $('#returnTop').css('display', 'block');
        } else {
            $('#returnTop').css('display', 'none');
        }
    })
    $('#returnTop').click(function() {
            $('html,body').animate({
                scrollTop: 0
            }, 600)
        })
        //吸顶功能
    let hearderTop = $('#header_menu').offset().top
    $(window).scroll(function() {
        if ($('html,body').scrollTop() > hearderTop) {
            $('#header_menu').css({
                position: 'fixed',
                top: 0,
                left: '50%',
                marginLeft: -570
            })
        } else {
            $('#header_menu').css({
                position: 'relative'
            })
        }
    })







    // 获取列表里的所有价格
    //找span中的值最小的,添加到最前面
    $('.panel .sale_price').click(function() {
        $('.panel a').removeClass('panel_on');
        $(this).addClass('panel_on');
        for (let i = 0; i < $('.commodities span').length; i++) {
            let minnum = i;
            let minspan = $('.commodities span').eq(i);
            //    找出span中的最大值的索引
            for (let j = i + 1; j < $('.commodities span').length; j++) {
                if (parseFloat(minspan.html()) > parseFloat($('.commodities span').eq(j).html())) {
                    minnum = j;
                    minspan = $('.commodities span').eq(j);
                }
            }
            $('.commodities').prepend($('.commodities li').eq(minnum));
        }
        return false;

    })
    $('.panel .sale_price2').click(function() {
        $('.panel a').removeClass('panel_on');
        $(this).addClass('panel_on');
        for (let i = 0; i < $('.commodities span').length; i++) {
            let maxnum = i;
            let maxspan = $('.commodities span').eq(i);
            //    找出span中的最大值的索引
            for (let j = i + 1; j < $('.commodities span').length; j++) {
                if (parseFloat(maxspan.html()) < parseFloat($('.commodities span').eq(j).html())) {
                    maxnum = j;
                    maxspan = $('.commodities span').eq(j);
                }
            }
            $('.commodities').prepend($('.commodities li').eq(maxnum));
        }
        return false;

    })







    //给每一个小li创建一个自定义属性
    for (let i = 0; i < $('.commodities li').length; i++) {
        $('.commodities li').eq(i).attr('index', i);


    }
    //点击默认按钮
    //找自定义属性最小的,添加到最前面
    //注意 :别看属性的值看起来是数字,其实可能是字符串 ,一定要用parseInt或parseFloat
    $('.panel .defau').click(function() {
        $('.panel a').removeClass('panel_on');
        $(this).addClass('panel_on');
        for (let i = 0; i < $('.commodities li').length; i++) {
            let maxnum = i;
            let maxindex = $('.commodities li').eq(i).attr('index');
            for (let j = i + 1; j < $('.commodities li').length; j++) {
                if (parseInt(maxindex) < parseInt($('.commodities li').eq(j).attr('index'))) {
                    maxnum = j;
                    maxindex = $('.commodities li').eq(j).attr('index');
                }
            }
            console.log($('.commodities li').eq(maxnum)[0]);
            $('.commodities').prepend($('.commodities li').eq(maxnum));

        }
        return false;
    })

    //封装函数





}